<script setup lang="ts">

import TabBar from "@/components/TabBar.vue";
import SwiperCom from "@/views/homePage/SwiperCom.vue";
import StyleDisplay from "@/views/homePage/StyleDisplay.vue";
import PrivateBoard from "@/views/homePage/PrivateBoard.vue";
import RaffleWheel from "@/views/homePage/RaffleWheel.vue";
import PointsMall from "@/views/homePage/PointsMall.vue";
import TopView from "@/components/search/TopView.vue";
import {ref} from "vue";
import type {Inter} from "@/api/method";

import {getList} from "@/api/home";
import {showToast} from "vant";
const value=ref('')
// let data=ref<Inter>({
//     searchStr:value.value
// })
getList().then(res=> {
    // console.log(res.rows)
})

const count = ref(0);
const loading = ref(false);
const onRefresh = () => {
    setTimeout(() => {
        showToast('刷新成功');
        loading.value = false;
        count.value++;
    }, 1000)}
</script>

<template>
    <van-pull-refresh v-model="loading" @refresh="onRefresh">

        <top-view >冀商传奇</top-view>

    <div class="backgrBox">
        <SwiperCom style="margin-top: 96px"/>
        <StyleDisplay/>
        <PointsMall/>
<!--        <display-slot></display-slot>-->

        <PrivateBoard/>
<!--        <ClassPage/>-->
<!--        <ResearchStudy/>-->
<!--        <PublicWelfare/>-->

        <RaffleWheel ></RaffleWheel>
        <div class="blockBox"></div>
        <van-sticky :offset-bottom="5" position="bottom">
            <TabBar style="margin-bottom: -5px"> </TabBar>
        </van-sticky>
    </div>
    </van-pull-refresh>
<!--    </div>-->
</template>
<style scoped lang="less">
//:deep(.van-tabbar--fixed) {
//    position: fixed;
//    bottom: -1px;
//    left: 0;
//}
.backgrBox {
    overflow: hidden;
    background-image: url("../../assets/images/首页背景.png");
    background-repeat: no-repeat;
    //min-height: 550px;
    min-height: 100vh;
}
.blockBox {
    height: 60px;
    width: 100%;
}
///*.fix{
///*    position: sticky;*/
///*    top:0;*/
///*    z-index: 9999;*/
///*    background-color: white;*/
////}
//.fix{
//    height: 667px;
//    overflow: auto; /* 显示滚动条，根据内容决定是否显示 */
//    /* 隐藏默认的滚动条样式 */
//    scrollbar-width: none; /* Firefox */
//    -ms-overflow-style: none; /* IE and Edge */
//}
.scroll-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}


</style>